mat-toolbar {
  box-shadow: 0px 3px 5px grey;
  margin-bottom: 50px !important;
  position: fixed;
  z-index: 99;
  top: 0;

  mat-icon {
    cursor: pointer;
    &.title-icon {
      outline: none;
      padding-left: 10px;
      padding-right: 15px;
    }
    &.tool-icon {
      padding: 10px;
      @media screen and (max-width: 900px) {
        padding: 8px;
      }
    }
    &:hover {
      transform: scale(1.2);
    }
  }

  span {
    outline: none;
    cursor: pointer;
  }

  .toolbar-spacer {
    flex: 1 1 auto;
  }
}

.footer {
  text-align: center;
  color: grey;
  padding: 25px;
}
